{template 'common/header'}

<style>

body{background:#EBEBEB;}

.category{display:block; overflow:hidden; background:#EEE; border-top:1px #DDD solid;border-bottom:1px #DDD solid;}

.category a{display:inline-block; overflow:hidden; height:30px; width:33.33%; text-align:center; color:#666; font-size:14px; float:left; padding:5px;}

.list li{padding: 5px 5px 0 5px;}

.list li a{display:block; height:71px; padding:5px;background:#FFF; border:1px #DDD solid; border-radius:3px;color:#333; overflow:hidden; text-decoration:none !important; position:relative;}

.list li a .thumb{width:80px; height:60px;}

.list li a .title{font-size:14px; padding-right:90px;}

.list li a .createtime{font-size:12px; color:#999; position:absolute; bottom:5px;}

.head{height:40px; line-height:40px; background:#2786fb; padding:0 5px; color:#FFF;}

.head .bn{display:inline-block; height:30px; line-height:30px; padding:0 10px; margin-top:4px; font-size:20px; border:1px #1176f2 solid; background:#3f95ff; color:#FFF; text-decoration:none;}

.head .bn.pull-right{position:absolute; right:5px; top:0;}

.head .title{font-size:14pt;display:block;padding-left:10px;font-weight:bolder;margin-right:49px;text-align:center;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

.head .order{background:#F9F9F9; position:absolute; z-index:9999; right:0;}

.head .order li > a{display:block; padding:0 10px; min-width:100px; height:35px; line-height:35px; font-size:16px; color:#333; text-decoration:none; border-top:1px #EEE solid;}

.head .order li.fa-caret-up{font-size:20px;color:#F9F9F9;position:absolute;top:-11px;right:16px;}

.pager-position{width:100%;margin:0 auto;text-align:center;}

</style>



<div class="category">

	{data module="site" func="site_category" parentid="$cid"}

	<a href="{$row['linkurl']}">{$row['name']}</a>

	{/data}

</div>

<ul class="list list-unstyled">

	{data module="site" func="site_article" cid="$cid" assign="result" return="true"}

	{loop $result['list'] $row}

	<li>

		<a href="{$row['linkurl']}">

			{if $row['thumb']}<img src="{$row['thumb']}" class="pull-right thumb" onerror="this.parentNode.removeChild(this)" />{/if}

			<div class="title">{$row['title']}</div>

			<div class="createtime">{php echo date('Y-m-d H:i:s', $row['createtime'])}</div>

		</a>

	</li>

	{/loop}

</ul>

<script>

	require(['jquery'], function($){

		$(function(){

			$('#category_show').click(function(){

				$('.head .order').toggleClass('hide');

				return false;

			});

		});

	});

</script>

<div class="pager-position">{$result['pager']}</div>

{template 'common/footer'}